<template>
  <div class="cate">
    <h2>{{ title }}</h2>
    <slot>默认内容(当父组件 'category>/category' 不传值 显示默认内容)</slot>

  </div>
</template>

<script lang="ts" setup>

defineProps(['title'])






</script>

<style scoped>
  .cate {
    background: skyblue;
    border-radius: 10px;
    box-shadow: 0 0 10px ;
    padding: 10px;
    width: 200px;
    height: 300px;
  }
  h2 {
    background: orange;
    text-align: center;
  }
</style>